$color-white: 255, 255, 255; // #ffffff
$color-black: 0, 0, 0; // #000000

$color-primary: 30, 144, 255; // #1E90FF

$color-success: 86, 202, 105; // #56ca69
$color-warning: 230, 162, 60; // #e6a23c
$color-danger: 255, 77, 79; // #ff4d4f
$color-error: 255, 77, 79; // #ff4d4f
$color-info: 144, 147, 153; // #909399
$color-main: 239, 149, 83; // #ef9553
$color-disabled: 204, 204, 204; // #cccccc
$color-required: 250, 44, 25; // #fa2c19
$color-primary-btn: 30, 144, 255; // #ff7414
$color-input-border: 255,255,255; // #ff7414

$color-t1: 34, 34, 34; // #222222
$color-h: 8, 68, 207; // #0844CF
$color-t2: 89, 89, 89; // #595959
$color-t3: 140, 140, 140; // #8c8c8c
$color-t4: 191, 191, 191; // #bfbfbf

$color-b1: 247, 247, 247; // #f7f7f7

$color-d1: 240, 240, 240; // #f0f0f0

$font-global: MiSans, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;

:root, page {
  --color-white: rgb(#{$color-white});
  --color-black: rgb(#{$color-black});
  --color-white-bg: #{$color-white};
  --color-primary: rgb(#{$color-primary});
  --color-main: rgb(#{$color-primary-btn});

  --color-success: rgb(#{$color-success});
  --color-warning: rgb(#{$color-warning});
  --color-danger: rgb(#{$color-danger});
  --color-error: rgb(#{$color-error});
  --color-info: rgb(#{$color-info});
  --color-disabled: rgb(#{$color-disabled});
  --color-required: rgb(#{$color-required});

  --color-t1: rgb(#{$color-t1});
  --color-page-bg: #F7FAFF;
  --color-heavy: rgb(#{$color-h});
  --color-t2: rgb(#{$color-t2});
  --color-t3: rgb(#{$color-t3});
  --color-t4: rgb(#{$color-t4});

  --color-b1: rgb(#{$color-b1});

  --color-d1: rgb(#{$color-d1});
  --color-border: rgb(#{$color-d1});
  --wot-input-border-color: rgb(#{$color-d1});
  --wot-input-not-empty-border-color: rgb(#{$color-d1});

  --font-global: rgb(#{$font-global});
  --wot-radio-button-radius: 8rpx;
  --wot-color-white: rgb(#{$color-white});
  --wot-color-primary: rgb(#{$color-primary});
  --wot-color-black: rgb(#{$color-black});
  --wot-segmented-item-bg-color: rgb(#{$color-white});
  --wot-segmented-item-color: rgb(#{$color-primary-btn});
  // --wot-segmented-item-bg-active-color: rgb(#{$color-primary-btn});
  --wot-segmented-item-acitve-bg: rgb(#{$color-primary-btn});
  --wot-segmented-item-active-color: rgb(#{$color-white});
  --wot-color-theme: rgb(#{$color-primary-btn});
  --wot-litte-color-theme: rgba(#{$color-primary}, .1);
  --wot-color-primary-btn: rgb(#{$color-primary-btn});
  --wot-input-number-border-color: rgb(#{$color-primary-btn});
  --wot-litte-color-primary-btn: rgba(#{$color-primary-btn},.1);
  --wot-color-main: rgb(#{$color-main});
  --wot-litte-color-success: rgba(#{$color-success}, 0.1);
  --wot-color-success: rgb(#{$color-success});
  --wot-color-warning: rgb(#{$color-warning});
  --wot-color-danger: rgb(#{$color-danger});
  --wot-litte-color-danger: rgba(#{$color-danger}, 0.1);
  --wot-color-info: rgb(#{$color-info});

  --wot-color-title: rgb(#{$color-black});
  --wot-color-content: rgb(#{$color-t1});
  --wot-color-text: rgba(#{$color-t1}, 0.6);
  --wot-color-secondary: rgb(#{$color-t2});
  --wot-color-aid: rgb(#{$color-t3});
  --wot-color-tip: rgb(#{$color-t4});

  --wot-color-bg: rgb(#{$color-b1});

  --wot-color-border: rgb(#{$color-d1});
  --app-color-bas-bg1: #8f129b;
  --app-color-bas-bg2: #1944b9;
  --app-color-bas-bg3: #2db634;
  --app-color-bas-bg4: rgb(#{$color-primary-btn});

  --wot-button-large-height: 80rpx;
  --wot-button-large-fs: 28rpx
}